<template>
  <div id="layout" v-cloak>
    <div class="content">
      <transition name="fade">
        <router-view></router-view>
      </transition>
    </div>
    <dh-tabbar v-if="$route.path!='/login'"></dh-tabbar>
  </div>
</template>
<script>
  import DhIndex from "../../page/Index/Index";
  import DhTabbar from "../../components/Tabber/Tabbar";
  import {
    mapState
  } from "vuex";
  export default {
    name: "layout",
    components: {
      DhIndex,
      DhTabbar
    },
    computed: {
      ...mapState({
        popupVisible: "showMsg",
        msg: 'msg'
      })
    },
    data() {
      return {
        selected: "首页",
      };
    },
    created() {
      if (sessionStorage.info != null) {
        this.$store.state.user = JSON.parse(sessionStorage.info)
      }
    }
  };
</script>

<style lang="scss">
  [v-cloak] {
    display: none;
  }
  .mint-header {
    min-width: 320px;
    max-width: 640px;
    margin: 0 auto;
  }
  #layout {
    min-width: 320px;
    max-width: 640px;
    margin: 0 auto;
  }
  .fade-enter-active,
  .fade-leave-active {
    transition: opacity 0.1s;
  }
  .fade-enter,
  .fade-leave-to {
    opacity: 0;
  }
  .content {
    padding: 40px 0 55px 0;
    z-index: 1;
  }
  .mint-indicator-mask {
    z-index: 99999999;
  }
</style>

